<template>
	<view>
		<view class="bg-color"></view>
		<view class="container">

			<uni-search-bar @confirm="search" :focus="false" v-model.trim="searchValue" @blur="blur" @focus="focus"
				@input="input" @cancel="cancel" @change="change" @clear="clear"></uni-search-bar>
		</view>
		<view class="uni-padding-wrap uni-common-mt">
			<view class="content">
				<view v-if="current === 0">
					<view class="session" v-for="item in searchCom" :key="index">
						<uni-section class="timePiece" :title="item.date" type="line"></uni-section>
						<view v-for="subItem in item.dayGame" :key="subIndex" class="game-item">
							<view class="game-item-content">
								<view class="accurantTime">
									{{subItem.time}}
								</view>
								<view class="session1">
									<view class="sessionleft1">
										<navigator :url="'/pages/team/team?teamName='+subItem.teama">
											<view class="left1">
												{{subItem.teama}}
											</view>
										</navigator>
										<view class="right1">
											<image :src="subItem.imga" mode="aspectFill"></image>
										</view>
									</view>
									<view class="sessioncenter1">
										{{subItem.score}}
									</view>
									<view class="sessionright1">
										<view class="left2">
											<image :src="subItem.imgb" mode="aspectFill"></image>
										</view>
										<navigator :url="'/pages/team/team?teamName='+subItem.teamb">
											<view class="right2">
												{{subItem.teamb}}
											</view>
										</navigator>
									</view>
								</view>
							</view>
						</view>
					</view>
					<view class="float">
						<view class="item" @click="onTop">
							<uni-icons type="up" size="30"></uni-icons>
						</view>
					</view>
				</view>
			</view>
			<view class="example-body">
				<radio-group class="uni-list" @change="styleChange">
					<view v-for="(item, index) in styles" :key="index" class="uni-list-item">
						<view class="uni-list-item__container">
							<view class="uni-list-item__content">
								<text class="uni-list-item__content-title">{{ item.text }}</text>
							</view>
							<view class="uni-list-item__extra">
								<radio :value="item.value" :checked="item.checked" />
							</view>
						</view>
					</view>
				</radio-group>
			</view>
		</view>
	</view>
</template>


<script setup>
	import {
		ref
	} from 'vue';

	function onTop() {
		uni.pageScrollTo({
			scrollTop: 0,
			duration: 250
		})
	};
	const competition = ref([{
			date: "2024/6/15",
			dayGame: [{
					time: "3:00",
					teama: "德国",
					teamb: "苏格兰",
					imga: "https://sd.qunliao.info/fastdfs3/M00/B5/77/ChOxM1xC2JGAd79VAAAAyGVvoVQ975.png",
					imgb: "https://sd.qunliao.info/fastdfs3/M00/B5/7D/ChOxM1xC2RGARlXJAAADZRt3Z5E811.png",
					score: "5:1"
				},
				{
					time: "21:00",
					teama: "匈牙利",
					teamb: "瑞士",
					imga: "https://sd.qunliao.info/fastdfs3/M00/B5/78/ChOxM1xC2JqALrn0AAAAwxNi5qI444.png",
					imgb: "https://sd.qunliao.info/fastdfs3/M00/B5/7F/ChOxM1xC2TyANIAKAAABeUfO5gM520.png",
					score: "1:3"
				}
			]
		},
		{
			date: "2024/6/16",
			dayGame: [{
					time: "0:00",
					teama: "西班牙",
					teamb: "克罗地亚",
					imga: "https://sd.qunliao.info/fastdfs3/M00/B5/7E/ChOxM1xC2TCAWMemAAAJsy8Pgbg246.png",
					imgb: "https://sd.qunliao.info/fastdfs3/M00/B5/74/ChOxM1xC2EOAbUHIAAAOg6JpgzM729.png",
					score: "3:0"
				},
				{
					time: "3:00",
					teama: "意大利",
					teamb: "阿尔巴尼亚",
					imga: "https://sd.qunliao.info/fastdfs3/M00/B5/79/ChOxM1xC2LeASiR_AAABM1z3kEY093.png",
					imgb: "https://sd.qunliao.info/fastdfs3/M00/B5/71/ChOxM1xC2ASAGHFMAAAIKxo_E6w387.png",
					score: "2:1"
				},
				{
					time: "21:00",
					teama: "波兰",
					teamb: "荷兰",
					imga: "https://sd.qunliao.info/fastdfs3/M00/B5/7C/ChOxM1xC2PGALY-zAAAAqYWqc08697.png",
					imgb: "https://sd.qunliao.info/fastdfs3/M00/B5/7B/ChOxM1xC2N6AEWYMAAABPByVIVM465.png",
					score: "1:2"
				},
			]
		},
		{
			date: "2024/6/17",
			dayGame: [{
					time: "0:00",
					teama: "斯洛文尼亚",
					teamb: "丹麦",
					imga: "https://sd.qunliao.info/fastdfs3/M00/B5/7E/ChOxM1xC2RqAb5iBAAAOyrKrW5w440.png",
					imgb: "https://sd.qunliao.info/fastdfs3/M00/B5/75/ChOxM1xC2FGAU4XgAAABUo4hnUQ558.png",
					score: "1:1"
				},
				{
					time: "3:00",
					teama: "塞尔维亚",
					teamb: "英格兰",
					imga: "https://sd.qunliao.info/fastdfs3/M00/B5/87/ChOxM1xC2iSAWoJLAAANi61d2EA772.png",
					imgb: "https://sd.qunliao.info/fastdfs3/M00/B5/76/ChOxM1xC2G2Acp31AAABNMvdP0U855.png",
					score: "0:1"
				},
				{
					time: "21:00",
					teama: "罗马尼亚",
					teamb: "乌克兰",
					imga: "https://sd.qunliao.info/fastdfs3/M00/B5/7C/ChOxM1xC2QCAHI77AAAAtuVu0Q0545.png",
					imgb: "https://sd.qunliao.info/fastdfs3/M00/B5/7F/ChOxM1xC2UeAQ_ZRAAAAsB-WszA660.png",
					score: "3:0"
				}
			]
		},
		{
			date: "2024/6/18",
			dayGame: [{
					time: "0:00",
					teama: "比利时",
					teamb: "斯洛伐克",
					imga: "https://sd.qunliao.info/fastdfs3/M00/B5/72/ChOxM1xC2CKAJTG3AAAAypTh1A8948.png",
					imgb: "https://sd.qunliao.info/fastdfs3/M00/B5/7D/ChOxM1xC2RmAK60TAAAIMnb4e1Y203.png",
					score: "0:1"
				},
				{
					time: "3:00",
					teama: "奥地利",
					teamb: "法国",
					imga: "https://sd.qunliao.info/fastdfs3/M00/B5/72/ChOxM1xC2BSAd33sAAAAwSmUl1c875.png",
					imgb: "https://sd.qunliao.info/fastdfs3/M00/B5/77/ChOxM1xC2IKANG6tAAABFW9OqCQ523.png",
					score: "0:1"
				}
			]
		},
		{
			date: "2024/6/19",
			dayGame: [{
					time: "0:00",
					teama: "土耳其",
					teamb: "格鲁吉亚",
					imga: "https://sd.qunliao.info/fastdfs3/M00/B5/7F/ChOxM1xC2UOAAUUEAAAE_nJ2nXk049.png",
					imgb: "https://sd.qunliao.info/fastdfs3/M00/B5/77/ChOxM1xC2ISASf6dAAAFAPHKXZg941.png",
					score: "3:1"
				},
				{
					time: "3:00",
					teama: "葡萄牙",
					teamb: "捷克",
					imga: "https://sd.qunliao.info/fastdfs3/M00/B5/7C/ChOxM1xC2PuALvwRAAAK3F_koeE108.png",
					imgb: "https://sd.qunliao.info/fastdfs3/M00/B5/74/ChOxM1xC2EuAYSDaAAACk9Rvueg747.png",
					score: "2:1"
				},
				{
					time: "21:00",
					teama: "克罗地亚",
					teamb: "阿尔巴尼亚",
					imga: "https://sd.qunliao.info/fastdfs3/M00/B5/74/ChOxM1xC2EOAbUHIAAAOg6JpgzM729.png",
					imgb: "https://sd.qunliao.info/fastdfs3/M00/B5/71/ChOxM1xC2ASAGHFMAAAIKxo_E6w387.png",
					score: "2：2"
				}
			]
		},
		{
			date: "2024/6/20",
			dayGame: [{
					time: "0:00",
					teama: "德国",
					teamb: "匈牙利",
					imga: "https://sd.qunliao.info/fastdfs3/M00/B5/77/ChOxM1xC2JGAd79VAAAAyGVvoVQ975.png",
					imgb: "https://sd.qunliao.info/fastdfs3/M00/B5/78/ChOxM1xC2JqALrn0AAAAwxNi5qI444.png",
					score: "2:0"
				},
				{
					time: "3:00",
					teama: "苏格兰",
					teamb: "瑞士",
					imga: "https://sd.qunliao.info/fastdfs3/M00/B5/7D/ChOxM1xC2RGARlXJAAADZRt3Z5E811.png",
					imgb: "https://sd.qunliao.info/fastdfs3/M00/B5/7F/ChOxM1xC2TyANIAKAAABeUfO5gM520.png",
					score: "1:1"
				},
				{
					time: "21:00",
					teama: "斯洛文尼亚",
					teamb: "塞尔维亚",
					imga: "https://sd.qunliao.info/fastdfs3/M00/B5/7E/ChOxM1xC2RqAb5iBAAAOyrKrW5w440.png",
					imgb: "https://sd.qunliao.info/fastdfs3/M00/B5/87/ChOxM1xC2iSAWoJLAAANi61d2EA772.png",
					score: "1:1"
				},
			]
		},
		{
			date: "2024/6/21",
			dayGame: [{
					time: "0:00",
					teama: "丹麦",
					teamb: "英格兰",
					imga: "https://sd.qunliao.info/fastdfs3/M00/B5/75/ChOxM1xC2FGAU4XgAAABUo4hnUQ558.png",
					imgb: "https://sd.qunliao.info/fastdfs3/M00/B5/76/ChOxM1xC2G2Acp31AAABNMvdP0U855.png",
					score: "1:1"
				},
				{
					time: "3:00",
					teama: "西班牙",
					teamb: "意大利",
					imga: "https://sd.qunliao.info/fastdfs3/M00/B5/7E/ChOxM1xC2TCAWMemAAAJsy8Pgbg246.png",
					imgb: "https://sd.qunliao.info/fastdfs3/M00/B5/79/ChOxM1xC2LeASiR_AAABM1z3kEY093.png",
					score: "1:0"
				},
				{
					time: "21:00",
					teama: "斯洛伐克",
					teamb: "乌克兰",
					imga: "https://sd.qunliao.info/fastdfs3/M00/B5/7D/ChOxM1xC2RmAK60TAAAIMnb4e1Y203.png",
					imgb: "https://sd.qunliao.info/fastdfs3/M00/B5/7F/ChOxM1xC2UeAQ_ZRAAAAsB-WszA660.png",
					score: "1:2"
				}
			]
		},
		{
			date: "2024/6/22",
			dayGame: [{
					time: "0:00",
					teama: "波兰",
					teamb: "奥地利",
					imga: "https://sd.qunliao.info/fastdfs3/M00/B5/7C/ChOxM1xC2PGALY-zAAAAqYWqc08697.png",
					imgb: "https://sd.qunliao.info/fastdfs3/M00/B5/72/ChOxM1xC2BSAd33sAAAAwSmUl1c875.png",
					score: "1:3"
				},
				{
					time: "3:00",
					teama: "荷兰",
					teamb: "法国",
					imga: "https://sd.qunliao.info/fastdfs3/M00/B5/7B/ChOxM1xC2N6AEWYMAAABPByVIVM465.png",
					imgb: "https://sd.qunliao.info/fastdfs3/M00/B5/77/ChOxM1xC2IKANG6tAAABFW9OqCQ523.png",
					score: "0:0"
				},
				{
					time: "21:00",
					teama: "格鲁吉亚",
					teamb: "捷克",
					imga: "https://sd.qunliao.info/fastdfs3/M00/B5/77/ChOxM1xC2ISASf6dAAAFAPHKXZg941.png",
					imgb: "https://sd.qunliao.info/fastdfs3/M00/B5/74/ChOxM1xC2EuAYSDaAAACk9Rvueg747.png",
					score: "1:1"
				}
			]
		},
		{
			date: "2024/6/23",
			dayGame: [{
					time: "0:00",
					teama: "土耳其",
					teamb: "葡萄牙",
					imga: "https://sd.qunliao.info/fastdfs3/M00/B5/7F/ChOxM1xC2UOAAUUEAAAE_nJ2nXk049.png",
					imgb: "https://sd.qunliao.info/fastdfs3/M00/B5/7C/ChOxM1xC2PuALvwRAAAK3F_koeE108.png",
					score: "0:3"
				},
				{
					time: "3:00",
					teama: "比利时",
					teamb: "罗马尼亚",
					imga: "https://sd.qunliao.info/fastdfs3/M00/B5/72/ChOxM1xC2CKAJTG3AAAAypTh1A8948.png",
					imgb: "https://sd.qunliao.info/fastdfs3/M00/B5/7C/ChOxM1xC2QCAHI77AAAAtuVu0Q0545.png",
					score: "2:0"
				}
			]
		},
		{
			date: "2024/6/24",
			dayGame: [{
					time: "3:00",
					teama: "苏格兰",
					teamb: "匈牙利",
					imga: "https://sd.qunliao.info/fastdfs3/M00/B5/7D/ChOxM1xC2RGARlXJAAADZRt3Z5E811.png",
					imgb: "https://sd.qunliao.info/fastdfs3/M00/B5/77/ChOxM1xC2JGAd79VAAAAyGVvoVQ975.png",
					score: "1:1"
				},
				{
					time: "3:00",
					teama: "瑞士",
					teamb: "德国",
					imga: "https://sd.qunliao.info/fastdfs3/M00/B5/7F/ChOxM1xC2TyANIAKAAABeUfO5gM520.png",
					imgb: "https://sd.qunliao.info/fastdfs3/M00/B5/7E/ChOxM1xC2TCAWMemAAAJsy8Pgbg246.png",
					score: "0:1"
				}
			]
		},
		{
			date: "2024/6/25",
			dayGame: [{
					time: "0:00",
					teama: "阿尔巴尼亚",
					teamb: "西班牙",
					imga: "https://sd.qunliao.info/fastdfs3/M00/B5/71/ChOxM1xC2ASAGHFMAAAIKxo_E6w387.png",
					imgb: "https://sd.qunliao.info/fastdfs3/M00/B5/7E/ChOxM1xC2TCAWMemAAAJsy8Pgbg246.png",
					score: "0:1"
				},
				{
					time: "3:00",
					teama: "克罗地亚",
					teamb: "意大利",
					imga: "https://sd.qunliao.info/fastdfs3/M00/B5/74/ChOxM1xC2EOAbUHIAAAOg6JpgzM729.png",
					imgb: "https://sd.qunliao.info/fastdfs3/M00/B5/79/ChOxM1xC2LeASiR_AAABM1z3kEY093.png",
					score: "1:1"
				}
			]
		},
		{
			date: "2024/6/26",
			dayGame: [{
					time: "0:00",
					teama: "法国",
					teamb: "波兰",
					imga: "https://sd.qunliao.info/fastdfs3/M00/B5/77/ChOxM1xC2IKANG6tAAABFW9OqCQ523.png",
					imgb: "https://sd.qunliao.info/fastdfs3/M00/B5/7C/ChOxM1xC2PGALY-zAAAAqYWqc08697.png",
					score: "1:1"
				},
				{
					time: "0:00",
					teama: "荷兰",
					teamb: "奥地利",
					imga: "https://sd.qunliao.info/fastdfs3/M00/B5/7B/ChOxM1xC2N6AEWYMAAABPByVIVM465.png",
					imgb: "https://sd.qunliao.info/fastdfs3/M00/B5/72/ChOxM1xC2BSAd33sAAAAwSmUl1c875.png",
					score: "2:3"
				},
				{
					time: "3:00",
					teama: "丹麦",
					teamb: "塞尔维亚",
					imga: "https://sd.qunliao.info/fastdfs3/M00/B5/75/ChOxM1xC2FGAU4XgAAABUo4hnUQ558.png",
					imgb: "https://sd.qunliao.info/fastdfs3/M00/B5/87/ChOxM1xC2iSAWoJLAAANi61d2EA772.png",
					score: "0:0"
				},
				{
					time: "3:00",
					teama: "英格兰",
					teamb: "斯洛文尼亚",
					imga: "https://sd.qunliao.info/fastdfs3/M00/B5/76/ChOxM1xC2G2Acp31AAABNMvdP0U855.png",
					imgb: "https://sd.qunliao.info/fastdfs3/M00/B5/7E/ChOxM1xC2RqAb5iBAAAOyrKrW5w440.png",
					score: "0:0"
				}
			]
		},
		{
			date: "2024/6/27",
			dayGame: [{
					time: "0:00",
					teama: "斯洛伐克",
					teamb: "罗马尼亚",
					imga: "https://sd.qunliao.info/fastdfs3/M00/B5/7D/ChOxM1xC2RmAK60TAAAIMnb4e1Y203.png",
					imgb: "https://sd.qunliao.info/fastdfs3/M00/B5/7C/ChOxM1xC2QCAHI77AAAAtuVu0Q0545.png",
					score: "1:1"
				},
				{
					time: "0:00",
					teama: "格鲁吉亚",
					teamb: "葡萄牙",
					imga: "https://sd.qunliao.info/fastdfs3/M00/B5/77/ChOxM1xC2ISASf6dAAAFAPHKXZg941.png",
					imgb: "https://sd.qunliao.info/fastdfs3/M00/B5/7C/ChOxM1xC2PuALvwRAAAK3F_koeE108.png",
					score: "2:0"
				},
				{
					time: "0:00",
					teama: "乌克兰",
					teamb: "比利时",
					imga: "https://sd.qunliao.info/fastdfs3/M00/B5/7F/ChOxM1xC2UeAQ_ZRAAAAsB-WszA660.png",
					imgb: "https://sd.qunliao.info/fastdfs3/M00/B5/72/ChOxM1xC2CKAJTG3AAAAypTh1A8948.png",
					score: "0:0"
				},
				{
					time: "3:00",
					teama: "捷克",
					teamb: "土耳其",
					imga: "https://sd.qunliao.info/fastdfs3/M00/B5/74/ChOxM1xC2EuAYSDaAAACk9Rvueg747.png",
					imgb: "https://sd.qunliao.info/fastdfs3/M00/B5/7F/ChOxM1xC2UOAAUUEAAAE_nJ2nXk049.png",
					score: "1:2"
				}
			]
		},
		{
			date: "2024/6/30",
			dayGame: [{
					time: "0:00",
					teama: "瑞士",
					teamb: "意大利",
					imga: "https://sd.qunliao.info/fastdfs3/M00/B5/7F/ChOxM1xC2TyANIAKAAABeUfO5gM520.png",
					imgb: "https://sd.qunliao.info/fastdfs3/M00/B5/79/ChOxM1xC2LeASiR_AAABM1z3kEY093.png",
					score: "2:0"
				},
				{
					time: "3:00",
					teama: "德国",
					teamb: "丹麦",
					imga: "https://sd.qunliao.info/fastdfs3/M00/B5/77/ChOxM1xC2JGAd79VAAAAyGVvoVQ975.png",
					imgb: "https://sd.qunliao.info/fastdfs3/M00/B5/75/ChOxM1xC2FGAU4XgAAABUo4hnUQ558.png",
					score: "2:0"
				}
			]
		},
		{
			date: "2024/7/1",
			dayGame: [{
					time: "0:00",
					teama: "英格兰",
					teamb: "斯洛伐克",
					imga: "https://sd.qunliao.info/fastdfs3/M00/B5/76/ChOxM1xC2G2Acp31AAABNMvdP0U855.png",
					imgb: "https://sd.qunliao.info/fastdfs3/M00/B5/7D/ChOxM1xC2RmAK60TAAAIMnb4e1Y203.png",
					score: "1:0"
				},
				{
					time: "3:00",
					teama: "西班牙",
					teamb: "格鲁吉亚",
					imga: "https://sd.qunliao.info/fastdfs3/M00/B5/7E/ChOxM1xC2TCAWMemAAAJsy8Pgbg246.png",
					imgb: "https://sd.qunliao.info/fastdfs3/M00/B5/77/ChOxM1xC2ISASf6dAAAFAPHKXZg941.png",
					score: "4:1"
				}
			]
		},
		{
			date: "2024/7/2",
			dayGame: [{
					time: "0:00",
					teama: "法国",
					teamb: "比利时",
					imga: "https://sd.qunliao.info/fastdfs3/M00/B5/77/ChOxM1xC2IKANG6tAAABFW9OqCQ523.png",
					imgb: "https://sd.qunliao.info/fastdfs3/M00/B5/72/ChOxM1xC2CKAJTG3AAAAypTh1A8948.png",
					score: "1:0"
				},
				{
					time: "3:00",
					teama: "葡萄牙",
					teamb: "斯洛文尼亚",
					imga: "https://sd.qunliao.info/fastdfs3/M00/B5/7C/ChOxM1xC2PuALvwRAAAK3F_koeE108.png",
					imgb: "https://sd.qunliao.info/fastdfs3/M00/B5/7E/ChOxM1xC2RqAb5iBAAAOyrKrW5w440.png",
					score: "1:1"
				}
			]
		},
		{
			date: "2024/7/3",
			dayGame: [{
					time: "0:00",
					teama: "罗马尼亚",
					teamb: "荷兰",
					imga: "https://sd.qunliao.info/fastdfs3/M00/B5/7C/ChOxM1xC2QCAHI77AAAAtuVu0Q0545.png",
					imgb: "https://sd.qunliao.info/fastdfs3/M00/B5/7B/ChOxM1xC2N6AEWYMAAABPByVIVM465.png",
					score: "0:3"
				},
				{
					time: "3:00",
					teama: "奥地利",
					teamb: "土耳其",
					imga: "https://sd.qunliao.info/fastdfs3/M00/B5/72/ChOxM1xC2BSAd33sAAAAwSmUl1c875.png",
					imgb: "https://sd.qunliao.info/fastdfs3/M00/B5/7F/ChOxM1xC2UOAAUUEAAAE_nJ2nXk049.png",
					score: "1:2"
				}
			]
		},
		{
			date: "2024/7/6",
			dayGame: [{
					time: "0:00",
					teama: "西班牙",
					teamb: "德国",
					imga: "https://sd.qunliao.info/fastdfs3/M00/B5/7E/ChOxM1xC2TCAWMemAAAJsy8Pgbg246.png",
					imgb: "https://sd.qunliao.info/fastdfs3/M00/B5/77/ChOxM1xC2JGAd79VAAAAyGVvoVQ975.png",
					score: "2:1"
				},
				{
					time: "3:00",
					teama: "葡萄牙",
					teamb: "法国",
					imga: "https://sd.qunliao.info/fastdfs3/M00/B5/7C/ChOxM1xC2PuALvwRAAAK3F_koeE108.png",
					imgb: "https://sd.qunliao.info/fastdfs3/M00/B5/77/ChOxM1xC2IKANG6tAAABFW9OqCQ523.png",
					score: "0:0"
				}
			]
		},
		{
			date: "2024/7/7",
			dayGame: [{
					time: "3:00",
					teama: "荷兰",
					teamb: "土耳其",
					imga: "https://sd.qunliao.info/fastdfs3/M00/B5/7B/ChOxM1xC2N6AEWYMAAABPByVIVM465.png",
					imgb: "https://sd.qunliao.info/fastdfs3/M00/B5/7F/ChOxM1xC2UOAAUUEAAAE_nJ2nXk049.png",
					score: "2:1"
				},
				{
					time: "0:00",
					teama: "英格兰",
					teamb: "瑞士",
					imga: "https://sd.qunliao.info/fastdfs3/M00/B5/76/ChOxM1xC2G2Acp31AAABNMvdP0U855.png",
					imgb: "https://sd.qunliao.info/fastdfs3/M00/B5/7F/ChOxM1xC2TyANIAKAAABeUfO5gM520.png",
					score: "1:1"
				}
			]
		},
		{
			date: "2024/7/10",
			dayGame: [{
				time: "3:00",
				teama: "西班牙",
				teamb: "法国",
				imga: "https://sd.qunliao.info/fastdfs3/M00/B5/7E/ChOxM1xC2TCAWMemAAAJsy8Pgbg246.png",
				imgb: "https://sd.qunliao.info/fastdfs3/M00/B5/77/ChOxM1xC2IKANG6tAAABFW9OqCQ523.png",
				score: "2:1"
			}]
		},
		{
			date: "2024/7/11",
			dayGame: [{
				time: "3:00",
				teama: "荷兰",
				teamb: "英格兰",
				imga: "https://sd.qunliao.info/fastdfs3/M00/B5/7B/ChOxM1xC2N6AEWYMAAABPByVIVM465.png",
				imgb: "https://sd.qunliao.info/fastdfs3/M00/B5/76/ChOxM1xC2G2Acp31AAABNMvdP0U855.png",
				score: "1:2"
			}]
		},
		{
			date: "2024/7/15",
			dayGame: [{
				time: "3:00",
				teama: "西班牙",
				teamb: "英格兰",
				imga: "https://sd.qunliao.info/fastdfs3/M00/B5/7E/ChOxM1xC2TCAWMemAAAJsy8Pgbg246.png",
				imgb: "https://sd.qunliao.info/fastdfs3/M00/B5/76/ChOxM1xC2G2Acp31AAABNMvdP0U855.png",
				score: ""
			}]
		}
	]);
	const searchValue = ref();
	const searchCom = ref([]);
	searchCom.value = competition.value;
	const items = ['热门赛事', '主队信息', '其他赛事'];
	const current = ref(0);
	const onClickItem = (e) => {
		if (current.value !== e.currentIndex) {
			current.value = e.currentIndex;
		}
	};

	function input() {
		console.log(searchValue);
		searchValue.value = searchValue
	}

	function search() {
		if (!searchValue.value) {
			searchCom.value = competition.value;
			console.log(searchCom.value);
			console.log(competition.value);
			console.log(0);
			return;
		} else {
			console.log(2);
			console.log(searchValue.value);
			searchCom.value = competition.value.filter(item => {
				return item.dayGame.some(subItem => {
					return (
						subItem.teama.includes(searchValue.value) ||
						subItem.teamb.includes(searchValue.value)
					);
				});
			});
		}

		console.log(1);
	}

	function clear() {
		console.log("clear");
		console.log(competition.value);
		searchCom.value = competition.value;
	}

	function cancel() {
		console.log("cancel");
		console.log(competition.value);
		searchCom.value = competition.value;
	}
</script>
<style lang="scss" scoped>
	// .bg-img {
	// 	position: fixed;
	// 	width: 100%;
	// 	height: 100%;
	// 	top: 0;
	// 	left: 0;
	// 	z-index: -1;
	// }
.bg-color {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: linear-gradient( #BBE5FD 0%, #D2DAFD 49%, #fff 100%);
		z-index: -1;
	}

	.itembg-img {
		position: fixed;
		width: 50%;
		height: 50%;
		top: 0;
		left: 0;
		z-index: -1;
	}
	.timePiece{
		height: 50%;
		border: 2px solid rgba(0, 0, 0, 0.1); /* 设置淡淡的边框 */
		border-radius: 30rpx; /* 添加圆角 */
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 6px 20px rgba(0, 0, 0, 0.1);
		background: linear-gradient( #BBE5FD 0%, #D2DAFD 49%, #fff 100%);
	}
	.game-item {
		margin-bottom: 15px;
		margin-top: 10rpx;
		padding: 0px;
		background: url('../../static/bg1.png')no-repeat center center;
		background-position: 0px -80px;
		// background-position: ;
		background-size:cover;
		border-radius: 8px;
		border: 2px solid rgba(0, 0, 0, 0.1); /* 设置淡淡的边框 */
		border-radius: 30rpx; /* 添加圆角 */
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 6px 20px rgba(0, 0, 0, 0.1);
		
	}

	.game-item-content {
		background:rgba(0, 0, 0, 0);
		padding: 10px;
		border-radius: 8px;
		
	}

	.example-body {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: row;
		padding: 0;
	}

	.uni-common-mt {
		margin-top: 10px;
	}

	.uni-padding-wrap {
		// width: 750rpx;
		padding: 0px 30px;

	}

	.content {
		width: 690rpx;
		margin-left: -20rpx;
		margin-top: -10rpx;

		// height: 150rpx;
		// text-align: center;
		.session {
			width: 100%;
			// display: flex; /* 使用 Flexbox 布局 */
			justify-content: space-between;
			background: rgba(0, 0, 0, 0);

			/* 左中右元素分布在容器内的起始、中间和末尾位置 */
			.accurantTime {
				font-size: 20rpx;
				margin-left: 40rpx;
				height: 30rpx;
				
			}

			.session1 {
				background: rgba(0, 0, 0, 0);
				height: 120rpx;
				margin-bottom: 0rpx;
				border-radius: 5rpx;
				display: flex;
				justify-content: space-between;
				align-items: center;

				.sessionleft1 {
					flex: 43%;
					margin-right: 10rpx;
					display: flex;
					justify-content: space-between;
					align-items: center;

					.left1 {
						font-size: 25rpx;
						width: 120rpx;
						margin-left: 40rpx;
					}

					.right1 {
						width: 90rpx;
						height: 60rpx;

						image {
							width: 100%;
							height: 100%;
						}
					}
				}

				.sessioncenter1 {
					flex: 14%;
					text-align: center;
					align-items: center;
				}

				.sessionright1 {
					flex: 43%;
					margin-left: 10rpx;
					display: flex;
					justify-content: space-between;
					align-items: center;

					.left2 {
						width: 90rpx;
						height: 60rpx;

						image {
							width: 100%;
							height: 100%;
						}
					}

					.right2 {
						font-size: 25rpx;
						width: 120rpx;
					}
				}
			}

			.session2 {
				background: #eee;
				height: 120rpx;
				margin-bottom: 30rpx;
				border-radius: 5rpx;
				display: flex;
				justify-content: space-between;
				align-items: center;

				.sessionleft2 {
					flex: 40%;
					margin-right: 30rpx;
					align-items: center;
				}

				.sessioncenter2 {
					flex: 20%;
					text-align: center;
					align-items: center;
				}

				.sessionright2 {
					flex: 40%;
					margin-left: 30rpx;
					align-items: center;
				}
			}
		}
	}

	.content-text {
		font-size: 14px;
		color: #666;
	}

	.eventImages {
		margin-top: 150px;
		width: 650rpx;

	}

	.container {
		padding: 10px;
	}

	.search-bar {
		display: flex;
		align-items: center;
		background-color: #f0f0f0;
		padding: 0px;
		border-radius: 5px;
	}

	.search-input {
		flex: 1;
		padding: 5px;
		border: none;
		border-radius: 5px 0 0 5px;
	}

	.search-btn {
		padding: 0px 20px;
		background-color: #007aff;
		color: white;
		border: none;
		border-radius: 0 5px 5px 0;
	}

	.search-results {
		margin-top: 10px;
	}

	.result-item {
		padding: 10px;
		border-bottom: 1px solid #eee;
	}

	.float {
		position: fixed;
		right: 30rpx;
		bottom: 120rpx;

		.item {
			width: 90rpx;
			height: 90rpx;
			background: rgba(255, 255, 255, 0.93);
			border-radius: 50%;
			margin-bottom: 20rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			border: 1px solid #eee;
		}
	}
</style>